... since it ends up jumpy.
border: 1px solid darken($borders_color, 3%);
border-radius: 100%;
transition: $button_transition;
+ transition-property: background, border, box-shadow;
&:hover { @include button(hover-alt, $edge: $shadow_color); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid #151717;
border-radius: 100%;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: background, border, box-shadow; }
scale slider:hover {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
border: 1px solid #969691;
border-radius: 100%;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: background, border, box-shadow; }
scale slider:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);